{% set shoppingCart = catalog.getShoppingCart %}
<header class="header por"  id="divBox">
	<div class="container">
		<div class="headTop row">
			<div class="col-lg-8">
				<div class="topNav_left"><a href="/"><img src="{{ 'assets/img/logo.png'|theme }}" alt=""></a></div>
			</div>
			<div class="col-lg-4">
				<div class="txt-r">
					<i class="fa fa-user"></i>
					{% if user.id %}
					<a href="javascript:;" data-request="onLogout" data-request-data="redirect: '/'">ログアウト</a>
					/
					<a href="/account/dashboard.html"><b>{% if user.id %}{{ user.surname }} 様{% endif %}</b></a>
					{% else %}
					<a href="/account/login.html">ログイン</a>
					/
					<a href="/account/register.html">登録</a>
					{% endif %}
					
				</div>
			</div>
		</div>
		<div class="topNav_right row">
		<div class="col-lg-12">
			<div class="headBottom">
				<ul class="muneNav flexBox">

					{% for key, cate in catalog.categories() %}
					   {% if cate.is_enabled==1 %}
						   {% if cate.id==5 %}
						   		{% for key, subcate in cate.children %}

									<li dataShow="item{{ key }}"><a href="{{ subcate.url }}">{{ subcate.name }}</a></li>

								{% endfor %}
						   {% else %}

							   	<li dataShow="item{{ key }}"><a href="{{ cate.url }}">{{ cate.name }}</a></li>

							{% endif %}
						{% endif %}
					{% endfor %}

					<!--<li dataShow="new"><a href="/daily-new.html?rel=home">新入荷</a></li>
					<li dataShow="item"><a href="/sale.html?rel=home">売れ筋商品</a></li>-->
					<!-- {% set categories = catalog.categories() %}
					{% for rootcategory in categories %}
						{% for key, category in rootcategory.children %}
							{% if category.is_enabled %}
								<li dataShow="item{{key}}"><a href="{{ category.url }}">{{ category.name }}</a></li>
							{% endif %}
						{% endfor %}
					{% endfor %} -->

					<li dataShow="search"><a href=""><i class="fa fa-search" aria-hidden="true"></i>&nbsp;検索</a></li>
					<li class="navMybag">
						<a href="javascript:;"><img src="{{ 'assets/img/nav-mybag.png'|theme }}" alt=""></a>
						<i class="cartNum">{{shoppingCart.totalQty}}</i>
					</li>
				</ul>
			</div>
		</div>
	</div>
	</div>
	
	<div class="d_header-move">
		<div class="fixedTopMune">
			<ul class="fixedUlNav fl flexBox">

				<li class="fl" datashow="item0"><a href="/boys-c-6.html?rel=home">男の子</a></li>
				<li class="fl" datashow="item1"><a href="/girls-c-14.html">女の子</a></li>
				<li class="fl" datashow="item2"><a href="/baby-c-22.html">新生児</a></li>
				<li class="fl" datashow="item3"><a href="/goods-c-32.html">子供用・小物</a></li>
				<li class="fl" datashow="item4"><a href="/other-c-36.html">その他</a></li>
				<li class="fl" dataShow="search"><a href=""><i class="fa fa-search" aria-hidden="true"></i>&nbsp;検索</a></li>
				<li class="fl">
					<a class="fl" href="/account/wishlist.html">お気に入り</a>
				</li>
				<li class="fl"><a href="javascript:;" data-request="onLogout" data-request-data="redirect: '/'"><img src="{{ 'assets/img/icon-unlock-move.png'|theme }}" alt="" width="28"></a></li>
				<li class="fl"><a href="/account/login.html"><img src="{{ 'assets/img/icon-user-move.png'|theme }}" alt="" width="28"></a></li>
				<li class="fl navMybag">
					<a href="javascript:;"><img src="{{ 'assets/img/icon-bag-move.png'|theme }}" alt="" width="28"></a>
					<i class="cartNum">{{shoppingCart.totalQty}}</i>
				</li>
			</ul>
		</div>
	</div>
	<div class="childNavBox" id="new">
		<div class="container">
			<div class="row">
			</div>
		</div>
	</div>
	<div class="childNavBox" id="item">
		<div class="container">
			<div class="row">

			</div>
		</div>
	</div>


	{% for key, rootcategory in categories %}
		{% if rootcategory.id == 5 %}
			{% if rootcategory.is_enabled and rootcategory.children %}
			{% for key, category in rootcategory.children %}
				<div class="childNavBox" id="item{{ key }}">
					<div class="container">
						<div class="row">
							<div class="col-lg-3">
								<ul class="childNav">
									<li>
										<h3><a href="{{ category.url}}">{{ category.name }}</a></h3>
									</li>
									{% for cat in category.children %}
									{% if cat.is_enabled %}
										<li>
											<a href="{{ cat.url }}">{{cat.name}}</a>
										</li>
									{% endif %}
									{% endfor %}
								</ul>
							</div>
						</div>
					</div>
				</div>
			{% endfor %}
			{% endif %}	
		{% else %}
			<div class="childNavBox" id="item{{ key }}">
				<div class="container">
					<div class="row">
						<div class="col-lg-3">
							<ul class="childNav">
								<li>
									<h3><a href="{{ category.url}}">{{ rootcategory.name }}</a></h3>
								</li>
								{% for cat in rootcategory.children %}
								{% if cat.is_enabled %}
									<li>
										<a href="{{ cat.url }}">{{cat.name}}</a>
									</li>
								{% endif %}
								{% endfor %}
							</ul>
						</div>
					</div>
				</div>
			</div>
		{% endif %}
	{% endfor %}


	<div class="childNavBox" id="search">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<h3 class="searHead"><img src="{{ 'assets/img/ttl-search.png'|theme }}" alt="" width="160px"></h3>
					<div class="searCont">
						<form action="/search-bootstrap" method="get">
							<i class="fa fa-search" aria-hidden="true"></i>
							<input type="text" placeholder="商品名・品番・キーワードで探す" id="searchIpt" maxlength="100" autocomplete="off" name="q">
							<input type="submit" id="searchBtn" value="検索">
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="indexCartBox hide">
		{% partial 'common/shopping-cart' %}
	</div>
	
</header>
{% if catalog.fetchAd('pc-top-banner').items %}
{% for item in catalog.fetchAd('pc-top-banner').items %}
<div class="topADD"><a href="{{ item.link }}" style="display: block;width: 100%;height: 50px;background: url({{item.image.getPath() }}) center repeat-x;"></a></div>
{% endfor %}
{% endif %}